
.shopping-box{
    border:1px solid #ccc;
    border-radius:5px;
    margin-top:40px;
    .shopping-box-title{
        width:100%;
        height:45px;
        font-size:14px;
        color:#666;
        line-height:45px;
        padding-left:14px;
        font-weight:normal;
        border-bottom:1px solid #ccc;
        background:#ebf0f5;
    }
    .shopping-add{
        width:1168px;
        height:auto;
        padding:40px 50px;
        overflow: hidden;
        .shopping-add-left{
            width:90px;
            height:auto;
            float:left;
            & p{
                height:40px;
                font-size:14px;
                text-align:right;
                .modify{
                    width:60px;
                    height:30px;
                    display:block;
                    background:#cce5ff;
                    color:#6699cc;
                    line-height:30px;
                    text-align:center;
                    border-radius: 3px;
                    float:right;
                    border:1px solid #6699cc;
                }
            }
        }
        .shopping-add-middle{
            width:640px;
            padding-left:20px;
            height:auto;
            float:left;
            overflow: hidden;
            border-right:1px solid #ccc;
            .shopping-add-middle-row{ 
                min-height:40px;
                line-height: 40px;
                float:left;
                padding-left:15px;
                .name{
                    width:148px;
                    height:28px;
                    border-radius:3px;
                    padding-left:10px;
                    line-height:28px;
                    display:block;
                    float:left;
                    font-size:12px;
                    vertical-align: top;
                    border:1px solid #ccc;
                }
                .phone{
                    width:230px;
                    height:28px;
                    line-height:28px;
                    text-align:right;
                    margin-left:136px;
                    float:right;
                    color:#333;
                    & span{
                        float:left;
                    }
                    & input{
                        @extend .name;
                        float:right;
                    }
                }
                & select{
                    width:148px;
                    height:28px;
                    border-radius:3px;
                    padding-left:10px;
                    margin-right:30px;
                    vertical-align: top;
                    border:1px solid #ccc;
                }
                & textarea{
                    width:513px;
                    height:90px;
                    border-radius:3px;
                    resize:none;
                    box-sizing: border-box;
                    font-size:14px;
                    line-height:18px;
                    padding:0 10px;
                    border:1px solid #ccc;
                }
            }
            .consignee{
                width:100%;
                height:40px;
                margin-top:40px;
                font-size:14px;
            }
            .contact-number{
                @extend .consignee;
                margin:0;
            }
            .receiving-address{
                @extend .contact-number;
            }
        }
        .shopping-add-right{
            width:330px;
            height:180px;
            .shopping-add-right-top{
                width:100%;
                height:40px;
                margin-top:48px;
                line-height:40px;
                vertical-align: middle;
                text-align:center;
                .toggle-address{
                    width:130px;
                    height:40px;
                    display:block;
                    margin:0 auto;
                    font-size:12px;
                    line-height:40px;
                    cursor: pointer;
                    text-align:center;
                    color:#999;
                }
            }
            .new-address{
                width:130px;
                height:40px;
                line-height:40px;
                text-align:center;
                display:block;
                margin:0 auto;
                color:#333;
                border-radius:5px;
                background:#f0f0f0;
            }
            .set-default-add{
                display: block;
                width:130px;
                height:40px;
                background: #6699cc;
                color:#fff;
                line-height:40px;
                border-radius:3px;
                margin:0 auto;
                text-align:center;
            }
        }
    }

    
}
.shopping-product-list{
    width:1170px;
    height:auto;
    margin-bottom:80px;
    margin-top:40px;
    border-radius:3px;
    border:1px solid #ccc;
    .shopping-product-list-title{
        height:45px;
        background:#ebf0f5;
        border-bottom: 1px solid #ccc;
        & div{
            float:left;
            height:44px;
            line-height: 44px;
            font-size: 14px;
            color: #666666;
        }
        .shopping-message{
            margin-left:60px;
        }
        .shopping-price{
            margin-left: 284px;
        }
        .shopping-pub{
            margin-left: 172px;
        }
    }
    .shopping-product-list-box{
        .shopping-product-list-item{
            width: 1110px;
            margin: 0 auto;
            height: 110px;
            margin-top: 20px;
            border-bottom: 1px dashed #cccccc;
            & li{
                float:left;
            }
            .product-tpis{
                width:304px;
                height:90px;
                & img{
                    display:block;
                    float:left;
                    width:90px;
                    height:90px;
                }
                .text{
                    width:200px;
                    height:90px;
                    float:right;
                    & p{
                        font-size:14px;
                        width:100%;
                        line-height:19px;
                        color:#666;
                    }
                    & span{
                        display:block;
                        line-height:19px;
                        font-size:14px;
                        color:#999;
                    }
                }
            }
            .pub{
                height:90px;
                text-align:center;
                line-height:90px;
                color:#333;
                font-size:14px;
            }
            .product-price{
                width:170px;
                @extend .pub;
            }
            .product-number{
                width:230px;
                @extend .pub;
            }
            .product-y{
                width:180px;
                @extend .pub;
                color:#e8333c;
            }
            .product-sett{
                width:208px;
                @extend .pub;
            }
        }
        .shopping-product-list-item:last-child{
            border-bottom:none;
        }
    }

    /*汇总样式*/ 
    .summary{
        width:1168px;
        height:399px;
        background:#ebf0f5;
        padding:49px 36px 0 29px;
        .summary-left{
            width:90px;
            font-size:14px;
            color:#666666;
            & p{
                width:65px;
                text-align:justify;
                line-height:50px;
                height:50px;
            }
        }
        .summary-middle{
            width:430px;
            height:auto;
            & p{
                height:50px;
                line-height:50px;
                & select{
                    width:148px;
                    height:28px;
                    color:#666;
                    border-radius:3px;
                    border:1px solid #ccc;
                }
            }
            & textarea{
                width:430px;
                height:60px;
                border:1px solid #ccc;
                border-radius:3px;
                resize:none;
                padding:0 10px;
                color:#666;
                line-height:20px;
            }
        }
        .summary-right{
            width:250px;
            height:270px;
            margin-top:45px;
            .summary-right-top{
                width:250px;
                height:201px;
                padding-top:35px;
                border-bottom:1px solid #ccc;
                & p{
                    line-height:40px;
                    text-align:right;
                    font-size:14px;
                    overflow: hidden;
                    & strong{
                        display:block;
                        font-weight:normal;
                        color:#666;
                        width:150px;

                        height:40px;
                        float:left;
                        line-height:40px;
                    }
                    & span{
                        float:right;
                    }
                    .payment-price{
                        color:#ff0000;
                        font-size:16px;
                    }
                }
            }
            .to-pay{
                display:block;
                width:158px;
                height: 48px;
                background: #6699cc;
                color:#fff;
                font-size:16px;
                border-radius:3px;
                text-align: center;
                line-height:48px;
                float:right;
                margin-top:20px;
            }
        }
    }


}